body {color: #333;padding: 0px !important;margin: 0px !important;font-size: 14px; font-family:"Microsoft YaHei","SimSun",Arial, Helvetica, sans-serif}
a,a:hover,a:focus {text-decoration: none;outline: none;}
::selection {background: #56b6e7;color: #fff;}
::-moz-selection {background: #56b6e7;color: #fff;}
h1,h2,h3,h4,h5,h6,p,ul,li { padding: 0; margin: 0;}
li{ list-style-type: none;}
a {color: #6e6e6e;}
a:hover {color: #56b6e7; text-decoration: none;}
p {line-height: 22px}
.header-frontend .navbar {margin-bottom: 0;}
.navbar-default {border: none;}
.navbar-brand {color: #bcc0cd;font-size: 30px;line-height: 30px;margin-top: 10px;padding: 0 0 0 15px;}
.navbar-brand span {color: #f25f5b;}
.navbar-collapse .navbar-default {background-color: #fff;}
.navbar-collapse .nav li a{ color:#fff;}
.navbar-collapse .nav li a,
.navbar-collapse .nav li.active ul.dropdown-menu li a {color: #fff;font-size: 16px;background: none;}
.navbar-collapse .nav li a:hover,
.navbar-collapse .nav li a:focus,
.navbar-collapse .nav li.active a,
.navbar-collapse .nav li.active a:hover,
.navbar-collapse .nav li a.dropdown-toggle:hover,
.navbar-collapse .nav li a.dropdown-toggle:focus,
.header-frontend .nav li.active ul.dropdown-menu li a:hover,
.header-frontend .nav li.active ul.dropdown-menu li.active a {color: #0c65bc;background-color: #fff;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.header-frontend .navbar-default .navbar-nav> .open> a,
.header-frontend .navbar-default .navbar-nav> .open> a:hover,
.header-frontend .navbar-default .navbar-nav> .open> a:focus {color: #fff;background-color: #56b6e7;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.header-frontend .navbar-nav> li> a {font-weight:500; border-radius: 0px;-webkit-border-radius: 0px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;padding-left: 23px;padding-right: 23px;color: #333;}
.header-frontend .nav-tel{ width:225px; float:right; padding-top:25px; padding-bottom:15px;}
.header-frontend .nav-lan{ width:220px; float:right}
.header-frontend .nav-lan a{ padding-right:5px;}
.header-frontend .nav-tel p{ font-size:18px; color:#666; text-align: right; padding-top:10px;}
.header-frontend .nav-tel p span{color:#2986e4;}
.unslider { position: relative;  min-width: 1320px; overflow: hidden; z-index: 0;}
.m-banner {position: relative;  min-width: 1320px; height: 545px;  background-color: #5296f4; overflow: hidden; text-align: center;  -webkit-transition: background-image 1s;  -moz-transition: background-image 1s; transition: background-image 1s;}
.m-banner ul { height: 545px;}
.m-banner li {height: 100%;}
.unslider-fade .unslider-wrap li { position: absolute; left: 0; top: 0;right: 0;}
.m-banner .text,.m-banner .image {position: relative;display: inline-block;zoom: 1;*display: inline;	*vertical-align: auto;vertical-align: middle;}
.m-banner .text {text-align: left;color: #fff;}
.m-banner .scene-1{ background:url(../../images/banner01.jpg) top center no-repeat;}
.m-banner .scene-1 .slogan {margin: 0 auto;font-size:56px;}
.m-banner .scene-1 .slogan span{ font-size:48px;}
.m-banner .scene-1 .text {display: block;padding-top: 180px;font-weight: normal;text-align: center;color:#2c6dce;-webkit-animation-delay: 0.3s;-moz-animation-delay: 0.3s;animation-delay: 0.3s;}
.m-banner .scene-1 .text h3{ font-size:20px; color:#3b7bda; padding-top:18px;}
.m-banner .scene-1 .image {display: block;position: absolute;left: 0;right: 0;bottom: -95px;margin: 0 auto;}
.m-banner .scene-1 .shadow {position: absolute;left: 0;right: 0;bottom: 0;height:1px;}
.m-banner .scene-1 .device-desktop,.m-banner .scene-1 .device-mobile {
	display: inline-block;
	vertical-align: baseline;
	zoom: 1;
	*display: inline;
	*vertical-align: auto;
	vertical-align: middle;
}
.m-banner .scene-1 { z-index: 2;}
.m-banner .scene-1 .device-desktop {width: 733px;height: 450px;background: url(../../images/banner-desktop.png) top left no-repeat;}
.m-banner .scene-1 .device-mobile {background: url(../../images/banner-mobile.png) top left no-repeat;width: 251px;height: 320px;margin-left: -56px;}
.m-banner .scene-2{ background:url(../../images/banner02.jpg) top center no-repeat;}
.m-banner .scene-2 .text {margin-left: 17px;text-align: left;color: #fff;}
.m-banner .scene-2 .text h2{ line-height: 50px; font-family: sans-serif; font-weight: bold; font-size:50px; margin-bottom: 50px;}
.m-banner .scene-2 .text p{ line-height: 30px; font-size: 18px;}
.m-banner .scene-2 .image {width: 855px;height: 765px;margin: 0 auto;background: url(../../images/banner2-img.png) top left no-repeat;}
.m-banner .u-btn {margin-top: 45px;padding: 15px 60px;font-size: 26px;border: none;-moz-border-radius: 45px;border-radius: 45px;}
.m-banner .u-btn:hover{ opacity: 0.8;}
.m-banner.theme-black+.unslider-nav ol li {border-color: #0c1c33;}
.m-banner.theme-black+.unslider-nav ol li.z-active {background-color: #0c1c33;}
.m-banner .bg .itm {position: absolute;top: 0;bottom: 0;left: 0;right: 0;-webkit-transition: opacity 1s;-moz-transition: opacity 1s;transition: opacity 1s;}
.unslider-nav ol li { width: 8px;  display: inline-block; text-indent: -999px;  height: 8px; margin: 0 9px; background: #fff;
    border: 1px solid #fff; border-radius: 50%;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
}
.m-banner .bg .itm.z-active {filter: alpha(opacity = 100);opacity: 1;}
.m-navList {position: relative;padding: 0 0 23px;text-align: center;border-bottom: 1px solid #f0f0f0;white-space: nowrap;}
.m-banner .u-btn { margin-top: 65px;  padding: 10px 50px;  font-size: 26px;  border: none;
  -moz-border-radius: 45px; border-radius: 45px; background: #00bf4c; color: #fff;  display: inline-block;}
.unslider-nav { position: absolute;  left: 0; right: 0;  bottom: 37px; z-index: 11;}
.unslider-nav ol { list-style: none; text-align: center;}
.m-banner .unslider-nav ol li.z-active { background-color: #0c1c33;}
.m-banner.theme-black+.unslider-nav ol li {  border-color: #0c1c33;}
.unslider-nav ol li.z-active {background-color: #0c1c33;}
.bannerIn {
	-webkit-animation-name: bannerIn;
	-moz-animation-name: bannerIn;
	animation-name: bannerIn;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes bannerIn {
	from {
		-webkit-transform: scale(1.2);
	}

	to {
		-webkit-transform: scale(1);
	}
}
@-moz-keyframes bannerIn {
	from {
		-moz-transform: scale(1.2);
	}

	to {
		-moz-transform: scale(1);
	}
}
@-o-keyframes bannerIn {
	from {
		-o-transform: scale(1.2);
	}

	to {
		-o-transform: scale(1);
	}
}
@keyframes bannerIn {
	from {
		transform: scale(1.2);
	}

	to {
		transform: scale(1);
	}
}
.aboutbg{width: 100%; background: url(../../images/about_bg.jpg) center top no-repeat; height: 375px;background-attachment: fixed; }
.aboutbg  h2 {background:url(../about_text.png) no-repeat; margin:0 auto; text-align:center; width:294px; height:82px; line-height:82px; margin-top:120px; font-size:48px; color:#fff}
.page_nav{ margin-top:-50px; background-color:#fff; height:90px;-moz-box-shadow:2px 2px 2px #BABABA; -webkit-box-shadow:2px 2px 2px #BABABA; box-shadow:2px 2px 2px #BABABA;}
.page_nav h2{ font-size:22px; color:#3d98f5; line-height:90px; padding-left:20px;}
.page_nav_text{ text-align:right; padding-right:40px; line-height:90px;}
.page_nav_text a{display:inline-block}

.applicationbg{width: 100%; background: url(../../images/application_bg.jpg) center top no-repeat; height: 375px;background-attachment: fixed; }
.applicationbg  h2 {background:url(../application_text.png) no-repeat; margin:0 auto; text-align:center; width:432px; height:82px; line-height:82px; margin-top:120px; font-size:46px; color:#fff}
.application_box{ margin-top:40px;}
.application_img { width:40%; float:left}
.application_text { width:60%; float:left;-moz-box-shadow:1px 1px 1px 3px #f7f7f7; -webkit-box-shadow:1px 1px 1px 3px #f7f7f7; box-shadow:1px 1px 1px 3px #f7f7f7; height:254px; padding:40px 50px;}
.application_text h4{ color:#3d98f5; font-size:20px; height:50px;}
.application_text h4 span{border-bottom:2px #d8d8d8 solid; padding-bottom:20px; margin-bottom:20px; }
.application_text p{ margin-top:10px; color:#666}
.application{ padding-top:20px;}
.application h2{ font-size:30px; color:#333; text-align:center; padding-top:40px;}
.application h3{ font-size:18px; color:#999; text-align:center; padding-top:5px; padding-bottom:30px;}
.application_text2 { width:60%; float:left;-moz-box-shadow:1px 1px 1px 3px #f7f7f7; -webkit-box-shadow:1px 1px 1px 3px #f7f7f7; box-shadow:1px 1px 1px 3px #f7f7f7; height:254px; padding:40px 50px; text-align:right}
.application_text2 h4{ color:#3d98f5; font-size:20px; height:50px;}
.application_text2 h4 span{border-bottom:2px #d8d8d8 solid; padding-bottom:20px; margin-bottom:20px; }
.application_text2 p{ margin-top:10px; color:#666}
.application_img2 { width:40%; float:right}

.productbg{width: 100%; background: url(../../images/application_bg.jpg) no-repeat; height: 375px;background-attachment: fixed; }
.productbg h2 {background:url(../product_text.png) no-repeat; background-size:100% 100%; margin:0 auto; text-align:center;  width:432px; height:82px; line-height:82px; margin-top:120px; font-size:30px; color:#fff}

.newsbg{width: 100%; background: url(../../images/application_bg.jpg) no-repeat; height: 375px;background-attachment: fixed; }
.newsbg h2 {background:url(../news_text.png) no-repeat; background-size:100% 100%; margin:0 auto; text-align:center;  width:432px; height:82px; line-height:82px; margin-top:120px; font-size:30px; color:#fff}

.recruitmentbg{width: 100%; background: url(../../images/application_bg.jpg) no-repeat;  height: 375px;background-attachment: fixed; }
.recruitmentbg h2 {background:url(../../images/recruitment_text.png) no-repeat; background-size:100% 100%; margin:0 auto; text-align:center;  width:432px; height:82px; line-height:82px; margin-top:120px; font-size:30px; color:#fff} 

.merchantsbg{width: 100%; background: url(../../images/application_bg.jpg) no-repeat;  height: 375px;background-attachment: fixed; }
.merchantsbg h2 {background:url(../../images/merchants_text.png) no-repeat; background-size:100% 100%; margin:0 auto; text-align:center;  width:432px; height:82px; line-height:82px; margin-top:120px; font-size:30px; color:#fff}  

.servicebg{width: 100%; background: url(../../images/application_bg.jpg) no-repeat;  height: 375px;background-attachment: fixed; }
.servicebg h2 {background:url(../../images/service_text.png) no-repeat; background-size:100% 100%; margin:0 auto; text-align:center;  width:432px; height:82px; line-height:82px; margin-top:120px; font-size:30px; color:#fff}  

.contactbg{width: 100%; background: url(../../images/application_bg.jpg) no-repeat;  height: 375px;background-attachment: fixed; }
.contactbg h2 {background:url(../../images/contact_text.png) no-repeat; background-size:100% 100%; margin:0 auto; text-align:center;  width:432px; height:82px; line-height:82px; margin-top:120px; font-size:30px; color:#fff}  

.about{ padding-top:20px;}
.about h2{ font-size:30px; color:#333; text-align:center; padding-top:40px;}
.about h3{ font-size:18px; color:#999; text-align:center; padding-top:5px;}
.about p{ font-size:14px; color:#666; line-height:180%;text-indent:2em; margin-top:35px;}
.about_ico_pc{ width:100%; background:url(../about_img1.jpg) top center no-repeat; height:262px; margin-top:35px;}
.about_ico_mobile{ display:none;}
.about img{ width: 100%;}
.about .text h2{ font-size: 30px; line-height: 100px; font-family: sans-serif; font-weight:  bold;  text-align: center;}
.about .text p{ font-size: 16px; text-indent: 24px; line-height: 35px;}
.rongyu{ padding-top:20px;}
.rongyu p{font-size:14px; color:#666; line-height:180%;text-indent:2em; margin-top:20px;}
.rongyu p span{ color:#3392f3; vertical-align:middle}
.rongyu h2{ font-size:30px; color:#333; text-align:center; padding-top:70px;}
.rongyu h3{ font-size:18px; color:#999; text-align:center; padding-top:5px; padding-bottom:70px;}
.content { width: 1480px; margin: 0 auto; }
.content li { float: left; margin-right:27px; }
.content .jcarousel-container { width: 1480px; height:195px; }
.content .jcarousel-clip { width: 1224px; height: 195px; left: 128px; overflow: hidden; }
.content .jcarousel-prev-horizontal { width: 51px; height: 93px; cursor: pointer; position: absolute; left: 0; top: 52px; background: url(../left.png)}
.content .jcarousel-next-horizontal { width: 51px; height: 93px; cursor: pointer; position: absolute; right: 0; top: 52px; background: url(../right.png)}
.contact_edit p{ padding-bottom:10px; padding:2%;}
.news_edit p{ padding-bottom:10px; padding:0.5%;}
.news_edit table{ border:1px; background-color:#ccc !important;border-spacing:1px;border-collapse:separate; margin-top:10px; margin-bottom:10px;}
.pageFh{ text-align:right; padding-top:20px;}
.cp_title{ text-align:center; padding:20px 0; font-size:1.4em; color:#3392f3}
.cpintro h2{ width:100%; height:35px; line-height:35px; text-align:left; background-color:#eee; color:#555; padding-top:0 !important; font-size:1.2em; padding-left:10px;}
.newnav{ padding-top:30px;}
.cp_class{ padding-right:20px; float:left; padding-bottom:20px;}
.cp_class a{ color:#666}
.cp_class a:hover{ color:#3392f3}
.pagesinfo {color:#555555;font-size:12px;}
.pagesnow { background: none repeat scroll 0 0 #f0f0f0;
    border: 1px solid #ccc;
    color: #aaaaaa;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
   height:36px; line-height:36px; padding:0 15px; display: block; margin-right:5px;}
.pages {background: none repeat scroll 0 0 #f0f0f0;
    border: 1px solid #ccc;
    color: #444;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    height:36px; line-height:36px;padding:0 15px;display:table-cell; margin-right:5px;}
    .new_pages { width:100%;}
.new_pages td,.new_pages td img{ margin-right:5px;}
.new_pages td .pagesnow{ margin-right:5px;}
.wenben{ font-size:16px; line-height: 40px;}
.brand{ padding: 20px 0;}
.brand img{ width: 100%;}
.brand h2{ line-height: 40px; font-size: 18px; color: #333;}
.band p{ color: #666;}
.copyright{ text-align: center; background: #333; padding: 20px 0; color: #fff;}
.copyright1{ text-align: center; background: #fff; padding: 20px 0; color: #333;}
.main{ padding-top: 65px;}
 .w-title{ text-align: center; color: #333; font-size:30px; line-height: 35px;}
 .w-text{ text-align: center; color: #999; font-size: 18px; padding-bottom: 20px;}
.main img{ width: 100%;}
.company .text p{ font-size: 16px; text-indent: 24px; line-height: 35px; margin-top: 60px;}
.mt{ margin-top: 20px;}
.main1{padding:40px 0; text-align: center;}
.ly_box{width:100%;height:100%;padding:0;margin:0;position:relative;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
.ly_box .ly_img{backface-visibility:hidden;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.ly_img_text{ width:100%; height:32px; max-height:32px; background:url(../../images/ly_img_bg.png) repeat; position:absolute; z-index:2; bottom:0; font-size:16px; color:#fff; line-height:32px;}
.ly_box .ly_img img{max-width:100%; width:100%; height:100%;padding:0;margin:0;display:block;position:relative; z-index:1}
.ly_box .ly_text{position:absolute;top:0;left:0;padding:0; background:url(../../images/ly_bg.png) repeat; z-index:2;color:#fff;height:100%;width:100%;padding:0;margin:0;opacity:0;text-align:center;backface-visibility:hidden;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;transition:all .1s ease-in-out;}
.ly_box:hover .ly_text{opacity:1;-webkit-transform:rotateY(0);-moz-transform:rotateY(0);transform:rotateY(0)}
.ly_text h2{ font-size:18px; color:#fff; text-align:center; padding-top:30%;}
.ly_text h4{ font-size:18px; color:#fff; text-align:center; padding-top:10%;}
.ly_text h3{ width:30px; margin:0 auto; text-align:center; height:2px; background-color:#fff; margin-top:20px;}
.ly_text p{ width:80%; margin:0 auto; text-align:left; font-size:14px; color:#fff; margin-top:20px;}
.main2{ padding: 25px 0;}
.main3{ padding: 25px 0; background: #e5e5e5;}
.main4 { margin-top:55px;}
.main4 img:hover{
  -moz-transform:scale(1.1);
  -webkit-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);
}
.main4 .more{ width: 126px; height: 37px; display: block;
    font-size: 14px; text-align: center; line-height: 37px;
    border: none;
    -moz-border-radius:25px;
    border-radius: 25px;
    background: #fff;
    border:1px #999 solid;
    color: #999; margin:0 auto; margin-top:40px;}
.main4 .more:hover{ opacity: 0.8; color: #999;}

.main5{ background:url(../../images/about.jpg) no-repeat; background-size: cover; padding: 40px 0; }
.main5 h2{ text-align:center; font-size:30px; color:#fff;}
.main5 h3{ text-align:center; font-size:18px; color:#fff;}
.main5 .text{ text-align:left; color: #fff; font-size: 14px; margin-top: 30px; line-height:180%; padding:0 30px; }
.main5 .text a{ color: #fff;}
.main5 .text p{line-height: 40px;}
.main5 .more{ width: 126px; height: 37px; display: block;
    font-size: 14px; text-align: center; line-height: 37px;
    border: none;
    -moz-border-radius:25px;
    border-radius: 25px;
    background: #3d98f5;
    color: #fff; margin:0 auto; margin-top:40px;}
.main5 .more:hover{ opacity: 0.8; color: #fff;}
.contact h2{ text-align: center; font-size: 18px; line-height: 45px; margin-top: 20px;}
.map{ margin-bottom: 20px;}
.map img{ width: 100%;}
.constyle img{ width: 100%; }
.constyle .text{ font-size: 16px; padding:0 30px ;  }
.constyle .text p{line-height: 25px;}
.share { border-right: 1px solid #ddd;}
.constyle .text{ border-right: 1px solid #ddd;}
.share{ margin: 0 40px;}
.talent h2{ font-size: 18px; border-bottom: 1px solid #ddd; line-height: 40px; color: #333;}
.talent h3{ font-size: 16px; line-height: 30px; color: #666;}
.talent p{ font-size: 14px; color: #333;}
.talent { margin-bottom: 35px;}
.newlist { margin-top: 30px;}
.newlist .shijian{ background: #062b5b; color: #fff; text-align: right; padding-bottom: 10px;}
.new{ background: #f7f7f7; overflow: hidden; margin-bottom: 15px;}
.newlist .shijian h2{ font-size: 60px; margin-top: 10px; margin-bottom: 20px;}
.new .title{ line-height: 30px; font-size: 20px; line-height: 50px; height: 50px; color: #fa8557; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.new .text{color: #878787; font-size: 1.4rem; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; overflow: hidden; white-space: normal; text-overflow: ellipsis; line-height: 25px;}
.new .num{  margin-top: 15px;}
.pages{ text-align: center;}
.share img{ width: 100%;}
.gongneng{ text-align: center; margin-top: 15px;}
.gongneng { color: #888;}
.main2 .gongneng div:hover{ color: #fa8557;}
.gongneng div{ margin-bottom: 20px;}

.bottom_box{ width:100%; background-color:#333; margin-top:45px; padding-top:50px;}
.bottom-link{ padding-top:30px; padding-bottom:30px;}
.bottom-link a:link,.bottom-link a:visited,.bottom-link a:active{ color:#6e6e6e}
.fl{ float:left}
.fr{ float:right}
.bot-1{ width:208px; border-right:1px #424242 solid;}
.bot-1 h2{ font-size:16px; color:#dedede; padding-bottom:20px;}
.bot-1 li{ font-size:14px; color:#6e6e6e; padding:5px 0}
.bot-2{ width:240px; text-align:center; border-right:1px #424242 solid;}
.bot-2 h2{ font-size:16px; color:#dedede; padding-bottom:20px;}
.bot-2 li{ font-size:14px; color:#6e6e6e; padding:5px 0}
.bottom_ewm{ text-align: right}
.footer{ width:100%; background-color:#2d2d2d; height:32px; max-height:32px; line-height:32px; font-size:12px; color:#5c5c5c}
.footer a{color:#5c5c5c}
.footer_left{ float:left}
.footer_right{ float:right}
.case img{ width: 100%;}
.casepic{ position: relative; margin-bottom: 20px;}
.recent-work-wrap {	position: relative; display: block;}
.recent-work-wrap img {	width: 100%;}
.recent-work-wrap .recent-work-inner {top: 0;	background: transparent; opacity: 1; width: 100%; border-radius: 0;	margin-bottom: 0;text-align: center;}
.recent-work-wrap .recent-work-inner h3 {margin: 10px 0; position: absolute; bottom: 15px;}
.recent-work-wrap .recent-work-inner h3 a {	font-size: 24px;color: #fff;}
.recent-work-wrap .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;border-radius: 0;background:rgba(0,0,0,0.5);color: #fff;vertical-align: middle;-webkit-transition: opacity 500ms;-moz-transition: opacity 500ms;-o-transition: opacity 500ms;transition: opacity 500ms;padding: 30px;}
.recent-work-wrap .overlay .preview {bottom: 0;	display: inline-block;	height: 35px;	line-height: 35px;border-radius: 0;background: transparent;text-align: center;color: #fff;}
.recent-work-wrap:hover .overlay {opacity: 0.9;}
.product img{ width: 100%;}
.fabzhuan:hover{-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transform: rotateY(360deg);transition: .5s  ease-in-out;}
.he_3DFlipY{display:block;overflow:hidden;padding:0;margin:0;border:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-perspective:1700px;-moz-perspective:1700px;perspective:1700px;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%;perspective-origin:50% 50%}
.he_3DFlipY:hover img{-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transform: rotateY(360deg);transition: .5s  ease-in-out;}
.he_3DFlipY_inner{width:100%;height:100%;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
.he_3DFlipY_inner > div.he_3DFlipY_img{ text-align:center}
.he_3DFlipY_inner > div img{max-width:110px; text-align:center; margin:0 auto}
.he_3DFlipY_caption{height:100%;width:100%; padding-top:15px;}
.he_3DFlipY_caption h3{text-align:center;width:100%; color:#666; font-size:18px;}
.he_3DFlipY_caption p{ text-align:center; font-size:14px; color:#b1b1b1;}
.he_3DFlipY a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0}
.detail h2{text-align: center; line-height: 50px;}
@media (max-width: 768px) {
	.navbar-brand img{ width: 280px;}
    .navbar-brand{ margin-top: 5px;}
    .navbar-toggle { margin-top: 16px; }
    .header-frontend .navbar-collapse  ul.navbar-nav { float: none;  margin-left: 0;  }
    .header-frontend .navbar-nav> li> a{ line-height: 30px;     border-radius: 5px; -webkit-border-radius: 5px;}
    .header-frontend .nav li a:hover,
    .header-frontend .nav li a:focus,
    .header-frontend .nav li a.dropdown-toggle:focus,
    .header-frontend .nav li a.dropdown-toggle .dropdown-menu li a:hover,
    .header-frontend .nav li.active a,
    .header-frontend .dropdown-menu li a:hover { color: #fff !important;}
    .header-frontend .navbar-nav > li {  padding: 0; margin-bottom: 2px; line-height: 30px;  }
    .header-frontend .nav li ul.dropdown-menu li a {margin-left: 0px; color: #999!important; ; }
    .header-frontend .nav li .dropdown-menu li a:hover, .header-frontend .nav li .dropdown-menu li.active a {color: #fff !important; }
    .talentbg{ height: 200px;}
    .photo img{ width: 100%;}
    .line{ margin-bottom: 15px;}
    .aboutbg{width: 100%; background: url(../../images/about_bg.jpg) no-repeat; background-size: cover ; margin-top:5px; }
    .aboutbg h2 {background:url(../about_text.png) no-repeat; margin:0 auto; text-align:center; width:294px; height:82px; line-height:82px; margin-top:120px; font-size:48px; color:#fff}
    .about p{ padding:3%; margin-top:10px !important}
    .page_nav{ width:98%; margin-top:-50px; background-color:#fff; height:70px;-moz-box-shadow:2px 2px 2px #BABABA; -webkit-box-shadow:2px 2px 2px #BABABA; box-shadow:2px 2px 2px #BABABA;}
		.page_nav h2{ font-size:22px; color:#3d98f5; line-height:70px; padding-left:20px;}
		.page_nav_text{ text-align:right; padding-right:40px; line-height:70px; display:none}
		.page_nav_text a{display:inline-block}
    .about_ico_pc{ display:none}
    .about_ico_mobile{ display:block}
    .about_ico_mobile img{ width:100%;}
    .content { width:96% !important; margin: 0 auto; }
		.content li { float: left; margin-right:5px !important}
		.content .jcarousel-container { width:100%; height:195px; }
		.content .jcarousel-clip { width:76%; height: 195px; left:12%; overflow: hidden; }
		.content .jcarousel-prev-horizontal { width:10%; cursor: pointer; position: absolute; left: 0; top:50px; background: url(../left.png); background-size:100% 100%}
		.content .jcarousel-next-horizontal { width:10%; cursor: pointer; position: absolute; right: 0; top:50px; background: url(../right.png); background-size:100% 100%}
    .rongyu h2{ font-size:30px; color:#333; text-align:center; padding-top:30px;}
		.rongyu h3{ font-size:18px; color:#999; text-align:center; padding-top:5px; padding-bottom:30px;}
		.rongyu p{font-size:14px; color:#666; line-height:180%;text-indent:0 !important; margin-top:10px;}
    
   .applicationbg{width: 100%; background: url(../../images/application_bg.jpg) no-repeat; background-size: cover ; margin-top:5px; }
    .applicationbg h2 {background:url(../application_text.png) no-repeat; background-size:100% 100%; margin:0 auto; text-align:center; width:294px; height:56px; line-height:56px; margin-top:120px; font-size:30px; color:#fff}
.application_box{ margin-top:20px !important;}
.application_img { width:100%; float:none}
.application_img img{ width:100%;}
.application_text { width:100%; float:none;-moz-box-shadow: none; -webkit-box-shadow:none; box-shadow:none; height:auto !important;padding:5%;}
.application_text h4{ color:#3d98f5; font-size:20px; height:50px;}
.application_text h4 span{border-bottom:2px #d8d8d8 solid; padding-bottom:20px; margin-bottom:20px; }
.application_text p{ margin-top:10px; color:#666}
.application{ padding-top:20px;}
.application h2{ font-size:30px; color:#333; text-align:center; padding-top:40px;}
.application h3{ font-size:18px; color:#999; text-align:center; padding-top:5px; padding-bottom:30px;}
.application_text2  { width:100%; float:none;-moz-box-shadow: none; -webkit-box-shadow:none; box-shadow:none;height:auto !important; padding:5%; text-align:left}
.application_text2 h4{ color:#3d98f5; font-size:20px; height:50px;}
.application_text2 h4 span{border-bottom:2px #d8d8d8 solid; padding-bottom:20px; margin-bottom:20px; }
.application_text2 p{ margin-top:10px; color:#666}
.application_img2 { width:100%; float:none}
.application_img2 img{ width:100%;}
    
 .cpintro h2{ width:100%; height:35px; line-height:35px; text-align:left; background-color:#eee; color:#555; padding-top:0 !important; font-size:1.2em; padding-left:10px;}   
   .cp_img{ width:30%; float:left} 
   .cp_img img{ width:100px; height:100px;} 
   .cp_info{ width:70%; float:left}
   .cp_list .cp_info{ padding:0.5%;}
   .cp_info a { height:30px;}
.productbg{width: 100%; background: url(../../images/application_bg.jpg) no-repeat; background-size: cover ; margin-top:5px; }
.productbg h2 {background:url(../product_text.png) no-repeat; background-size:100% 100%; margin:0 auto; text-align:center; width:294px; height:56px; line-height:56px; margin-top:120px; font-size:30px; color:#fff}
.newsbg{width: 100%; background: url(../../images/application_bg.jpg) no-repeat; background-size: cover ; margin-top:5px;  }
.newsbg h2 {background:url(../news_text.png) no-repeat; background-size:100% 100%; margin:0 auto; text-align:center;  width:294px; height:56px; line-height:56px; margin-top:120px; font-size:30px; color:#fff}
.recruitmentbg{width: 100%; background: url(../../images/application_bg.jpg) no-repeat; background-size: cover ; margin-top:5px;  }
.recruitmentbg h2 {background:url(../../images/recruitment_text.png) no-repeat; background-size:100% 100%; margin:0 auto; text-align:center;  width:294px; height:56px; line-height:56px; margin-top:120px; font-size:30px; color:#fff}    
.merchantsbg{width: 100%; background: url(../../images/application_bg.jpg) no-repeat; background-size: cover ; margin-top:5px;  }
.merchantsbg h2 {background:url(../../images/merchants_text.png) no-repeat; background-size:100% 100%; margin:0 auto; text-align:center;  width:294px; height:56px; line-height:56px; margin-top:120px; font-size:30px; color:#fff}  

.servicebg{width: 100%; background: url(../../images/application_bg.jpg) no-repeat;background-size: cover ; margin-top:5px; }
.servicebg h2 {background:url(../../images/service_text.png) no-repeat; background-size:100% 100%; margin:0 auto; text-align:center;  width:294px; height:56px; line-height:56px; margin-top:120px; font-size:30px; color:#fff}  

.contactbg{width: 100%; background: url(../../images/application_bg.jpg) no-repeat; background-size: cover ; margin-top:5px; }
.contactbg h2 {background:url(../../images/contact_text.png) no-repeat; background-size:100% 100%; margin:0 auto; text-align:center;  width:294px; height:56px; line-height:56px; margin-top:120px; font-size:30px; color:#fff}  
    
}
.main-im{position:fixed;right:10px;top:300px;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:48px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../../images/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../../images/open_im.png) no-repeat left top;}

.news_list li{ width:50%; float:left; margin-bottom:45px;}
.news_list .news_time{ float:left;background:url(../../images/news1.jpg); width:100px; height:100px; display:block; text-align:center; color:#fff; padding-top:30px;}
.news_list li:hover .news_time{background:url(../../images/news2.jpg); width:100px; height:100px; display:block; padding-top:30px;}
.news_list .timeYm{ font-size:18px; font-weight:bold}
.news_list .news_info{ float:left; margin:0 20px; width:450px;}
.news_list .news_info a{ font-size:16px; color:#333; line-height:35px;}
.news_list li:hover .news_info a{ color:#3d98f5}
.news_list .news_info a span{ display:none}
.news_list .memo{ font-size:14px; color:#999}

.news_q li{ width:100%; margin-bottom:45px;}
.news_q .news_time{ float:left;background:url(../../images/news1.jpg); width:100px; height:100px; display:block; text-align:center; color:#fff; padding-top:30px;}
.news_q li:hover .news_time{background:url(../../images/news2.jpg); width:100px; height:100px; display:block; padding-top:30px;}
.news_q .timeYm{ font-size:18px; font-weight:bold}
.news_q .news_info{ float:left; margin:0 20px; width:88%;}
.news_q .news_info a{ font-size:16px; color:#333; line-height:35px;}
.news_q li:hover .news_info a{ color:#3d98f5}
.news_q .news_info a span{ display:none}
.news_q .memo{ font-size:14px; color:#999}

.cp_info { padding:2%;}
.cp_info a{ font-size:18px; color:#2466bc; line-height:45px; font-weight:bold}
.cp_info .cp_more{ font-size:14px; color:#666; line-height:25px;}
.cp_list li{ margin-bottom:30px;}